<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>启辕汽车</title>
    <link rel="stylesheet" href="static/vonic/vonic.min.css">
    <script src="https://unpkg.com/axios@0.15.3/dist/axios.min.js"></script>
    <script src="https://unpkg.com/vue@2.1.8/dist/vue.min.js"></script>
    <script src="https://unpkg.com/vue-router@2.2.1/dist/vue-router.min.js"></script>
    <script src="static/vonic/vonic.min.js"></script>
    <script type="text/javascript">
      window.onload = function(){
        setTimeout(()=>{
          document.getElementById('loading').style.display = "none"
        },20)
      }
    </script>
    <style type="text/css">
      .loading-svg{ position: fixed; z-index: 999; background: #fff; width: 100%; height: 100%;}
      .loading-center{ display: block; width: 100%; height: 100px; position: absolute; top: 50%; left: 0; margin-top: -50px; text-align: center;}
      .loading-center span{ display: block; color: #666; padding: 15px 0;}
    </style>
  </head>
  <body>
    <div class="loading-svg" id="loading">
      <div class="loading-center">
        <img src="static/images/loading-spinning-bubbles.svg" width="64" height="64" />
        <span>拼命加载中...</span>
      </div>
    </div>
    <von-app></von-app>
  </body>
</html>
